import {Avatar, Card, Col, Radio, RadioGroup, Row, Popover} from "@douyinfe/semi-ui";
import React, {useState} from 'react';
import {IconInfoCircle} from "@douyinfe/semi-icons";
function Dym_card() {
    const { Meta } = Card;
    return (
        <div>
            <div style={{marginBottom:"20px",marginLeft:"10px"}}>任务列表</div>
            <RadioGroup type='button' buttonSize='middle' defaultValue={1} aria-label="单选组合示例" name="demo-radio-middle">
                <Radio value={1}>即时推送</Radio>
                <Radio value={2}>定时推送</Radio>
                <Radio value={3}>动态推送</Radio>
            </RadioGroup>
            <div style={{marginTop:"20px",marginLeft:"10px"}}>内容质量</div>
            <div>
                <Card
                    shadows='hover'
                    style={{ maxWidth: 360 }}
                    bodyStyle={{
                        display: 'flex',
                        alignItems: 'center',
                        justifyContent: 'space-between'
                    }}
                >
                    <div>
                        <Card
                            shadows='hover'
                            style={{ maxWidth: 360 }}
                            bodyStyle={{
                                display: 'flex',
                                alignItems: 'center',
                                justifyContent: 'space-between'
                            }}
                        >
                            <Meta
                                title="Semi Doc"
                                avatar={
                                    <Avatar
                                        alt='Card meta img'
                                        size="default"
                                        src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
                                    />
                                }
                            />
                            <Popover
                                position='top'
                                showArrow
                                content={
                                    <article style={{ padding: 6 }}>
                                        这是一个 Card
                                    </article>
                                }
                            >
                                <IconInfoCircle style={{ color: 'var(--semi-color-primary)' }}/>
                            </Popover>
                        </Card>
                    </div>
                </Card>
            </div>
        </div>

    )
}
export default Dym_card;


